<!--<template>-->
<!--    <div class="app-container">-->
<!--        <div class="pageTitle">-->
<!--            <div class="pageTitleSub">-->
<!--                <el-form ref="queryForm" :model="queryParams" label-width="100px" size="small">-->
<!--                    <el-row :gutter="5">-->
<!--                        <el-col :span="6">-->
<!--                            <el-form-item label="车牌号" prop="Plate_no">-->
<!--                                <el-input v-model="queryParams.Plate_no" placeholder="请输入车牌号" clearable />-->
<!--                            </el-form-item>-->
<!--                        </el-col>-->

<!--                        <el-col :span="6">-->
<!--                            <el-form-item label="检测站点" prop="name">-->
<!--                                <crossing-select v-model="crossing_arr" />-->
<!--                            </el-form-item>-->
<!--                        </el-col>-->
<!--                        <el-col :span="6">-->
<!--                            <el-form-item label="开始时间" prop="Pass_time1">-->
<!--                                <el-date-picker-->
<!--                                    v-model="queryParams.Pass_time1"-->
<!--                                    format="yyyy-MM-dd HH:mm:ss"-->
<!--                                    value-format="yyyy-MM-dd HH:mm:ss"-->
<!--                                    type="datetime"-->
<!--                                    placeholder="选择日期时间" />-->
<!--                            </el-form-item>-->
<!--                        </el-col>-->
<!--                        <el-col :span="6">-->
<!--                            <el-form-item label="截至时间" prop="Pass_time2">-->
<!--                                <el-date-picker-->
<!--                                    v-model="queryParams.Pass_time2"-->
<!--                                    format="yyyy-MM-dd HH:mm:ss"-->
<!--                                    value-format="yyyy-MM-dd HH:mm:ss"-->
<!--                                    type="datetime"-->
<!--                                    placeholder="选择日期时间" />-->
<!--                            </el-form-item>-->
<!--                        </el-col>-->

<!--                        <el-col :span="6">-->
<!--                            <el-form-item label="车辆轴数" prop="Axle_num">-->
<!--                                <dict-select v-model="queryParams.Axle_num" dict="dict_axle_num" />-->
<!--                            </el-form-item>-->
<!--                        </el-col>-->
<!--                    </el-row>-->
<!--                </el-form>-->
<!--            </div>-->

<!--            <div class="pageBtn">-->
<!--                <el-button size="small" type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>-->
<!--                <el-button size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>-->
<!--            </div>-->
<!--        </div>-->

<!--        <page-main>-->
<!--            <el-table ref="orderTable" v-loading="isLoading" class="actionTable" stripe :data="tableData"-->
<!--                      header-cell-class-name="table-header" style="width: 100%;" border :row-class-name="tableRowClassName">-->
<!--                <el-table-column label="车牌号码" width="100" prop="plate_no" />-->
<!--                <el-table-column label="检测站点" width="180" prop="name" />-->
<!--                <el-table-column label="车牌颜色" width="100" prop="plate_color_name" />-->
<!--                <el-table-column label="方向" width="100" prop="directionName" />-->
<!--                <el-table-column label="过车时间">-->
<!--                    <template slot-scope="scope">-->
<!--                        {{ moment(scope.row.pass_time).format('YYYY-MM-DD HH:mm:ss') }}-->
<!--                    </template>-->
<!--                </el-table-column>-->

<!--                <el-table-column label="操作" width="120" fixed="right" align="center">-->
<!--                    <template slot-scope="scope">-->
<!--                        <el-button size="small" type="text" icon="el-icon-view" @click="handleView(scope.row)">查看详情</el-button>-->
<!--                    </template>-->
<!--                </el-table-column>-->
<!--            </el-table>-->

<!--            <div class="Pagination">-->
<!--                <el-pagination-->
<!--                    background-->
<!--                    layout="total, sizes,prev, pager, next,jumper"-->
<!--                    :current-page.sync="queryParams.CurrentPage"-->
<!--                    :page-size="20"-->
<!--                    :page-sizes="[20]"-->
<!--                    :total="totalCount"-->
<!--                    @current-change="handleCurrentChange" />-->
<!--            </div>-->
<!--        </page-main>-->

<!--        <vehicle-detail2 ref="vehicle-detail" :init-detail-data="detailData" />-->
<!--    </div>-->
<!--</template>-->

<!--<script>-->
<!--import moment from 'moment';-->

<!--import CrossingSelect from '@/modules/components/CrossingSelect';-->
<!--import DictSelect from '@/modules/components/DictSelect';-->
<!--import VehicleDetail2 from '@/modules/components/VehicleDetail/VehicleDetail2';-->

<!--import {BayonetVehicleInquiry} from '@/api/informationApi';-->

<!--export default {-->
<!--    name: 'bayonet-vehicle-inquiry',-->
<!--    components: {-->
<!--        CrossingSelect, DictSelect, VehicleDetail2-->
<!--    },-->
<!--    props: {},-->
<!--    data() {-->
<!--        return {-->
<!--            crossing_arr: [],-->
<!--            queryParams: {-->
<!--                Plate_no: '',-->
<!--                Vehicle_weight: '',-->
<!--                Vehicle_weight1: '',-->
<!--                Over_rate: '',-->
<!--                Over_rate1: '',-->
<!--                Axle_num: '',-->
<!--                Crossing_id: '',-->
<!--                Pass_time1: moment().subtract(1, 'hour').format('YYYY-MM-DD HH:mm:ss'),-->
<!--                Pass_time2: moment().format('YYYY-MM-DD HH:mm:ss'),-->
<!--                CurrentPage: 1-->
<!--            },-->
<!--            isLoading: false,-->
<!--            tableData: [],-->
<!--            totalCount: 0,-->
<!--            detailData: {}-->
<!--        };-->
<!--    },-->
<!--    created() {-->

<!--    },-->
<!--    mounted() {-->
<!--        this.loadRemoteData();-->
<!--    },-->
<!--    methods: {-->
<!--        tableRowClassName({row, rowIndex}) {-->
<!--            if (this.$refs['vehicle-detail'] && this.$refs['vehicle-detail'].outerVisible && row == this.detailData) {-->
<!--                return 'selected-row';-->
<!--            }-->
<!--            return '';-->
<!--        },-->
<!--        moment,-->
<!--        handleQuery() {-->
<!--            this.loadRemoteData();-->
<!--        },-->
<!--        resetQuery() {-->
<!--            this.$refs['queryForm'].resetFields();-->
<!--            this.queryParams.Vehicle_weight = '';-->
<!--            this.queryParams.Vehicle_weight1 = '';-->
<!--            this.queryParams.Over_rate = '';-->
<!--            this.queryParams.Over_rate1 = '';-->
<!--            this.crossing_arr = [];-->
<!--            this.loadRemoteData();-->
<!--        },-->
<!--        handleCurrentChange(val) {-->
<!--            this.queryParams.CurrentPage = val;-->
<!--            this.loadRemoteData();-->
<!--        },-->

<!--        loadRemoteData() {-->
<!--            this.isLoading = true;-->
<!--            this.queryParams.Crossing_id = this.crossing_arr.join(',');-->
<!--            if (!this.queryParams.Pass_time1) {-->
<!--                this.queryParams.Pass_time1 = '';-->
<!--            }-->
<!--            if (!this.queryParams.Pass_time2) {-->
<!--                this.queryParams.Pass_time2 = '';-->
<!--            }-->
<!--            BayonetVehicleInquiry(this.queryParams).then(res => {-->
<!--                this.isLoading = false;-->
<!--                console.log(res);-->
<!--                this.tableData = res.res.BayonetVehicleInquiry;-->
<!--                if (this.tableData && this.tableData.length > 0) {-->
<!--                    this.totalCount = this.tableData[0].totalCount;-->
<!--                } else {-->
<!--                    this.totalCount = 0;-->
<!--                }-->

<!--            }).catch(err => {-->
<!--                this.isLoading = false;-->
<!--                console.log(err);-->
<!--            });-->
<!--        },-->
<!--        handleView(item) {-->
<!--            this.detailData = item;-->
<!--            this.$refs['vehicle-detail'].show();-->
<!--        }-->
<!--    }-->
<!--};-->
<!--</script>-->

<!--<style scoped>-->

<!--.table-header {-->
<!--    background-color: #f8f8f8 !important;-->
<!--}-->
<!--/deep/-->
<!--.el-table td {-->
<!--    padding: 5px 0 !important;-->
<!--}-->
<!--/deep/-->
<!--.el-button&#45;&#45;text {-->
<!--    padding: 7px 0;-->
<!--}-->
<!--</style>-->
